    <%@ page language="java" contentType="text/html; charset=UTF-8"
             pageEncoding="UTF-8"%>
    <%
        String contextPath = request.getContextPath();
    %>
    <section class="search-section">
    <form class="form-inline" role="form" name="appForm">
        <table class="table-form">
            <tr>
                <td width="20%">
                    <a class="decoration-none" href="<%=contextPath%>/admin/#/statistics/appName">
                        <div class="radio-group">
                            <div class="custom-radio bordered checked"><i></i></div>
                            <label data-type="1" ng-click="changeType($event)">App Name</label>
                        </div>
                    </a>
                </td>
                <td width="20%">
                    <a class="decoration-none" href="<%=contextPath%>/admin/#/statistics/date">
                        <div class="radio-group">
                            <div class="custom-radio bordered"><i></i></div>
                            <label>Date</label>
                        </div>
                    </a>
                </td>
                <td width="60%"></td>
            </tr>
        </table>
        <table class="table-form tc">
            <tr>
                <td width="6%" align="right"><label>App Name</label></td>
                <td width="12%">
                    <input type="text" ng-model="queryParams.appName" class="form-control" id="app-name" placeholder=""
                           name="appName">
                </td>
                <td width="4%" align="right"><label>Date</label></td>
                <td width="16%">
                    <div class="input-append date" style="width: 80%;" id="start-time" datetimepicker set-start-val>
                        <input type="text" ng-model="queryParams.startTime" class="form-control" placeholder="YYYY-MM-DD"
                        readonly>
                        <span class="add-on"><i class="icon-remove"></i></span>
                        <span class="add-on"><i class="icon-th"></i></span>
                    </div>
                </td>
                <td width="16%">
                    <div class="input-append date" style="width: 80%;" id="end-time" datetimepicker set-end-val>
                        <input type="text" ng-model="queryParams.endTime" class="form-control" placeholder="YYYY-MM-DD"
                        readonly>
                        <span class="add-on"><i class="icon-remove"></i></span>
                        <span class="add-on"><i class="icon-th"></i></span>
                    </div>
                </td>
                <td width="6%"></td>
                <td width="10%">
                    <button type="submit" class="btn btn-primary pull-right search-btn" ng-click="queryApp(1)"
                    ng-disabled="appForm.$invalid">Search
                    </button>
                </td>
                <td width="4%"></td>
            </tr>
        </table>
    </form>

    <header class="main-content-header">
        <h5>App List Detail</h5>
    </header>
    <section class="result">
        <table class="table table-result">
            <thead>
            <tr>
                <th width="25%">App Name</th>
                <th width="25%">Page View</th>
                <th width="25%">Download</th>
                <th width="25%">Install</th>
            </tr>
            </thead>
            <tbody>
            <tr class="tr-container">
                <td colspan="100%">
                    <div class="tbody">
                        <table class="table table-striped">
                            <tbody>
                            <tr ng-repeat="app in apps">
                                <td width="25%">{{app.app_name}}</td>
                                <td width="25.2%">{{app.pageview}}</td>
                                <td width="25%">{{app.download}}</td>
                                <td width="24.8%">{{app.install}}</td>
                            </tr>
                            <tr class="page-box">
                                <td colspan="4">
                                    <div class="pagination" id="pagination"></div>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </td>
            </tr>
            </tbody>
        </table>
    </section>
</section>